<template>
  <div class="input-item-container">
    <span class="title">{{ lable }}:</span>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {
    lable: {
      type: String,
      required: true,
    },
  },
};
</script>

<style lang="scss" scoped>
.input-item-container {
  $height: 40px;
  display: flex;
  height: $height;
//    margin-left: 30px;
  .title {
    flex: 0 0 auto;
    line-height: $height;
    margin-right: 10px;
  }
  margin-right: 20px;
}
</style>
